
<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title> - Bootstrap Table</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="favicon.ico"> 
    <link href="../css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="../css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="../css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/style.css?v=4.1.0" rel="stylesheet">
    <link href="../css/plugins/switchery/switchery.css" rel="stylesheet">
    <link href="../css/plugins/bootstrap-editable/bootstrap-editable.css">
</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInRight">

        <div class="ibox float-e-margins"> 
            <label id="style_id">1</label>  
            <div class="ibox-title">
                    <h5>用户</h5>
                    <div class="ibox-tools">
                        <a class="collapse-link">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                            <i class="fa fa-wrench"></i>
                        </a>
                        <ul class="dropdown-menu dropdown-user">
                            <li><a href="#">选项1</a>
                            </li>
                            <li><a href="#">选项2</a>
                            </li>
                        </ul>
                        <a class="close-link">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
            </div>         
            <div class="ibox-content">
                <div class="row">
                    <div class="tabs-container">
                        <ul class="nav nav-tabs">
                            <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true"> 开关模型</a>
                            </li>
                            <li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="false">进度条或滑块</a>
                            </li>
                            <li class=""><a data-toggle="tab" href="#tab-3" aria-expanded="false">按钮模型</a>
                            </li>
                            <li class=""><a data-toggle="tab" href="#tab-4" aria-expanded="false">对话模型</a>
                            </li>
                            <li class=""><a data-toggle="tab" href="#tab-5" aria-expanded="false">播放器模型</a>
                            </li>
                            <li class=""><a data-toggle="tab" href="#tab-6" aria-expanded="false">表图模块</a>
                            </li>
                            <li class=""><a data-toggle="tab" href="#tab-7" aria-expanded="false">时间模块</a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <div id="tab-1" class="tab-pane active">
                                <div class="panel-body">
                                    <div class="col-sm-12">
                                                <div class="form-group">
                                                            <div class="col-sm-12">
                                                                <label class="col-sm-3 control-label">应用名称</label>
                                                                <div class="col-sm-8">
                                                                    <select class="chosen-select m-b" name="account" style="width:350px;" tabindex="2" >
                                                                        <option>选项 1</option>
                                                                        <option>选项 2</option>
                                                                        <option>选项 3</option>
                                                                        <option>选项 4</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                </div>                     
                                                <div class="form-group">
                                                        <div class="col-sm-12">
                                                            <label class="col-sm-3 control-label">应用对象</label>
                                                            <div class="col-sm-8">
                                                                <select class="chosen-select m-b" name="account" style="width:350px;" tabindex="2" >
                                                                    <option>sql数据库</option>
                                                                    <option>API</option>
                                                                    <option>文件</option>
                                                                    <option>选项 4</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                </div> 
                                                <div class="form-group">
                                                        <div class="col-sm-12">
                                                            <label class="col-sm-3 control-label">拥有开关：</label>                                    
                                                            <div class="col-sm-8">
                                                                <input type="email" placeholder="开关模块" class="form-control"> 
                                                                <span class="help-block m-b-none">请输入依赖开关模块id，默认为空</span>
                                                            </div>
                            
                                                            
                                                        </div>
                                                </div> 
                            
                                                <div class="form-group">
                                                    <div class="col-sm-12">
                                                        <label class="col-sm-3 control-label">应用路径：</label>    
                                                        <div class="col-sm-8">
                                                            <input type="email" placeholder="路径" class="form-control"> 
                                                            <span class="help-block m-b-none">请输入依赖应用或文件的路径</span>
                                                        </div>
                                                    </div>
                                                </div> 
                                    </div>
                                    <div class="col-sm-12">                                           
                                                    <div class="form-group">
                                                        <div class="row">
                                                            <div class="col-sm-12">                                        
                                                                    <div class="col-sm-11"> 
                                                                        <div class="">
                                                                            <a onclick="fnClickAddRow(1);" href="javascript:void(0);" class="btn btn-primary ">添加行</a>
                                                                        </div>
                                                                        <table class="table table-striped table-bordered table-hover " id="editable1">
                                                                            <thead>
                                                                                <tr>
                                                                                    <th>传递指令</th>
                                                                                    <th>运行指令</th>
                                                                                    <th>触发动作</th>
                                                                                </tr>
                                                                            </thead>
                                                                            <tbody>
                                                                                <tr class="gradeX">
                                                                                    <td>Trident</td>
                                                                                    <td>Internet</td>
                                                                                    <td>
                                                                                            <select class="chosen-select m-b" name="account" style="width:350px;" tabindex="2" >
                                                                                            <option>打开</option>
                                                                                            <option>关闭</option>
                                                                                            <option>Disable</option>
                                                                                            <option>删除</option>
                                                                                        </select>
                                                                                    </td>
                                                                                </tr>
                                                                                
                                                                            </tbody>
                                                                            
                                                                        </table>
                                                                    </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                    </div>
                                    <div class="col-sm-12 col-sm-offset-6">
                                        <button class="btn btn-primary" type="submit">保存</button>
                                        <button class="btn btn-white" type="submit">取消</button>
                                    </div>
                                </div>
                            </div>
                            <div id="tab-2" class="tab-pane">
                                <div class="panel-body">
                                    <div class="col-sm-12">
                                                <div class="form-group">
                                                            <div class="col-sm-12">
                                                                <label class="col-sm-3 control-label">应用名称</label>
                                                                <div class="col-sm-8">
                                                                        <select class="chosen-select m-b" name="account" style="width:350px;" tabindex="2" >
                                                                        <option>选项 1</option>
                                                                        <option>选项 2</option>
                                                                        <option>选项 3</option>
                                                                        <option>选项 4</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                </div>
                                                <div class="form-group">
                                                            <div class="col-sm-12">
                                                                <label class="col-sm-3 control-label">模块样式</label>
                                                                <div class="col-sm-8">
                                                                        <select class="chosen-select m-b" name="account" style="width:350px;" tabindex="2" >
                                                                        <option>滑动条</option>
                                                                        <option>进度条</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                </div>                     
                                                <div class="form-group">
                                                        <div class="col-sm-12">
                                                            <label class="col-sm-3 control-label">应用对象</label>
                                                            <div class="col-sm-8">
                                                                    <select class="chosen-select m-b" name="account" style="width:350px;" tabindex="2" >
                                                                    <option>sql数据库</option>
                                                                    <option>API</option>
                                                                    <option>文件</option>
                                                                    <option>选项 4</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                </div> 
                                                <div class="form-group">
                                                        <div class="col-sm-12">
                                                            <label class="col-sm-3 control-label">拥有开关：</label>                                    
                                                            <div class="col-sm-8">
                                                                <input type="email" placeholder="开关模块" class="form-control"> 
                                                                <span class="help-block m-b-none">请输入依赖开关模块，默认为空</span>
                                                            </div>
                                    
                                                            
                                                        </div>
                                                </div> 
                                    
                                                <div class="form-group">
                                                    <div class="col-sm-12">
                                                        <label class="col-sm-3 control-label">应用路径：</label>    
                                                        <div class="col-sm-8">
                                                            <input type="email" placeholder="路径" class="form-control"> 
                                                            <span class="help-block m-b-none">请输入依赖应用或文件的路径</span>
                                                        </div>
                                                    </div>
                                                </div> 
                                    </div>
                                    <div class="col-sm-12">                                           
                                                    <div class="form-group">
                                                        <div class="row">
                                                            <div class="col-sm-12">                                        
                                                                    <div class="col-sm-11"> 
                                                                        <div class="">
                                                                            <a onclick="fnClickAddRow(2);" href="javascript:void(0);" class="btn btn-primary ">添加行</a>
                                                                        </div>
                                                                        <table class="table table-striped table-bordered table-hover " id="editable2">
                                                                            <thead>
                                                                                <tr>
                                                                                    <th>传递指令</th>
                                                                                    <th>运行指令</th>
                                                                                    <th>触发动作</th>
                                                                                </tr>
                                                                            </thead>
                                                                            <tbody>
                                                                                <tr class="gradeX">
                                                                                    <td>Trident</td>
                                                                                    <td>Internet</td>
                                                                                    <td>
                                                                                        <select class="form-control m-b" name="account">
                                                                                            <option>读取</option>
                                                                                            <option>拖动</option>
                                                                                            <option>Disable</option>
                                                                                            <option>删除</option>
                                                                                        </select>
                                                                                    </td>
                                                                                </tr>
                                                                                
                                                                            </tbody>
                                                                            
                                                                        </table>
                                                                    </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                    </div>
                                    <div class="col-sm-12 col-sm-offset-6">
                                        <button class="btn btn-primary" type="submit">保存</button>
                                        <button class="btn btn-white" type="submit">取消</button>
                                    </div>
                                </div>
                            </div>
                            <div id="tab-3" class="tab-pane">
                                <div class="panel-body">
                                    <div class="col-sm-12">
                                                <div class="form-group">
                                                            <div class="col-sm-12">
                                                                <label class="col-sm-3 control-label">应用名称</label>
                                                                <div class="col-sm-8">
                                                                    <select class="form-control m-b" name="account">
                                                                        <option>选项 1</option>
                                                                        <option>选项 2</option>
                                                                        <option>选项 3</option>
                                                                        <option>选项 4</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                </div>
                                                                    
                                                <div class="form-group">
                                                        <div class="col-sm-12">
                                                            <label class="col-sm-3 control-label">应用对象</label>
                                                            <div class="col-sm-8">
                                                                <select class="form-control m-b" name="account">
                                                                    <option>sql数据库</option>
                                                                    <option>API</option>
                                                                    <option>文件</option>
                                                                    <option>选项 4</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                </div> 
                                                <div class="form-group">
                                                        <div class="col-sm-12">
                                                            <label class="col-sm-3 control-label">拥有开关：</label>                                    
                                                            <div class="col-sm-8">
                                                                <input type="email" placeholder="开关模块" class="form-control"> 
                                                                <span class="help-block m-b-none">请输入依赖开关模块，默认为空</span>
                                                            </div>
                                    
                                                            
                                                        </div>
                                                </div> 
                                    
                                                <div class="form-group">
                                                    <div class="col-sm-12">
                                                        <label class="col-sm-3 control-label">应用路径：</label>    
                                                        <div class="col-sm-8">
                                                            <input type="email" placeholder="路径" class="form-control"> 
                                                            <span class="help-block m-b-none">请输入依赖应用或文件的路径</span>
                                                        </div>
                                                    </div>
                                                </div> 
                                    </div>
                                    <div class="col-sm-12">                                           
                                                    <div class="form-group">
                                                        <div class="row">
                                                            <div class="col-sm-12">                                        
                                                                    <div class="col-sm-11"> 
                                                                        <div class="">
                                                                            <a onclick="fnClickAddRow(3);" href="javascript:void(0);" class="btn btn-primary ">添加行</a>
                                                                        </div>
                                                                        <table class="table table-striped table-bordered table-hover " id="editable3">
                                                                            <thead>
                                                                                <tr>
                                                                                    <th>传递指令</th>
                                                                                    <th>运行指令</th>
                                                                                    <th>触发动作</th>
                                                                                </tr>
                                                                            </thead>
                                                                            <tbody>
                                                                                <tr class="gradeX">
                                                                                    <td>Trident</td>
                                                                                    <td>Internet</td>
                                                                                    <td>
                                                                                        <select class="form-control m-b" name="account">
                                                                                            <option>点击</option>
                                                                                            <option>Disbale</option>
                                                                                            <option>删除</option>
                                                                                        </select>
                                                                                    </td>
                                                                                </tr>
                                                                                
                                                                            </tbody>
                                                                            
                                                                        </table>
                                                                    </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                    </div>
                                   <!--  <div class="col-sm-12 col-sm-offset-6">
                                        <button class="btn btn-primary" type="submit">保存</button>
                                        <button class="btn btn-white" type="submit">取消</button>
                                    </div> -->
                                </div>
                            </div>
                            <div id="tab-4" class="tab-pane">
                                <div class="panel-body">
                                    <div class="col-sm-12">
                                        <div class="form-group">
                                            <div class="col-sm-12">
                                                <label class="col-sm-3 control-label">应用名称</label>
                                                <div class="col-sm-8">
                                                    <select class="form-control m-b" name="account">
                                                        <option>选项 1</option>
                                                        <option>选项 2</option>
                                                        <option>选项 3</option>
                                                        <option>选项 4</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                                           
                                        <div class="form-group">
                                            <div class="col-sm-12">
                                                <label class="col-sm-3 control-label">应用对象</label>
                                                <div class="col-sm-8">
                                                    <select class="form-control m-b" name="account">
                                                        <option>sql数据库</option>
                                                        <option>API</option>
                                                        <option>文件</option>
                                                        <option>应用</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div> 
                                        <div class="form-group">
                                                <div class="col-sm-12">
                                                    <label class="col-sm-3 control-label">拥有开关：</label>                                    
                                                    <div class="col-sm-8">
                                                        <input type="email" placeholder="开关模块" class="form-control"> 
                                                        <span class="help-block m-b-none">请输入依赖开关模块，默认为空</span>
                                                    </div>
                            
                                                    
                                                </div>
                                        </div> 
                            
                                        <div class="form-group">
                                            <div class="col-sm-12">
                                                <label class="col-sm-3 control-label">应用路径：</label>    
                                                <div class="col-sm-8">
                                                    <input type="email" placeholder="路径" class="form-control"> 
                                                    <span class="help-block m-b-none">请输入依赖应用或文件的路径</span>
                                                </div>
                                            </div>
                                        </div> 
                                    </div>
                                    <div class="col-sm-12">                                           
                                            <div class="form-group">
                                                <div class="row">
                                                    <div class="col-sm-12">                                        
                                                            <div class="col-sm-11"> 
                                                                <div class="">
                                                                    <a onclick="fnClickAddRow(4);" href="javascript:void(0);" class="btn btn-primary ">添加行</a>
                                                                </div>
                                                                <table class="table table-striped table-bordered table-hover " id="editable4">
                                                                    <thead>
                                                                        <tr>
                                                                            <th>传递指令</th>
                                                                            <th>运行指令</th>
                                                                            <th>触发动作</th>
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                        <tr class="gradeX">
                                                                            <td>Trident</td>
                                                                            <td>Internet</td>
                                                                            <td>
                                                                                <select class="form-control m-b" name="account">
                                                                                    <option>发送</option>
                                                                                    <option>读取</option>
                                                                                    <option>Disable</option>
                                                                                    <option>删除</option>
                                                                                </select>
                                                                            </td>
                                                                        </tr>
                                                                        
                                                                    </tbody>
                                                                    
                                                                </table>
                                                            </div>
                                                    </div>
                                                </div>
                                            </div>
                                    </div>
                                    <div class="col-sm-12 col-sm-offset-6">
                                        <button class="btn btn-primary" type="submit">保存</button>
                                        <button class="btn btn-white" type="submit">取消</button>
                                    </div>
                                </div>
                            </div>
                            <div id="tab-5" class="tab-pane">
                                <div class="panel-body">
                                    <div class="col-sm-12">
                                                            <div class="form-group">
                                                                        <div class="col-sm-12">
                                                                            <label class="col-sm-3 control-label">应用名称</label>
                                                                            <div class="col-sm-8">
                                                                                <select class="form-control m-b" name="account">
                                                                                    <option>选项 1</option>
                                                                                    <option>选项 2</option>
                                                                                    <option>选项 3</option>
                                                                                    <option>选项 4</option>
                                                                                </select>
                                                                            </div>
                                                                        </div>
                                                            </div>
                                                            <div class="form-group">
                                                                        <div class="col-sm-12">
                                                                            <label class="col-sm-3 control-label">模块类型</label>
                                                                            <div class="col-sm-8">
                                                                                <select class="form-control m-b" name="account">
                                                                                    <option>本地音乐</option>
                                                                                    <option>本地视频</option>
                                                                                    <option>远程音乐</option>
                                                                                    <option>远程视频</option>
                                                                                </select>
                                                                            </div>
                                                                        </div>
                                                            </div>                     
                                                            <div class="form-group">
                                                                    <div class="col-sm-12">
                                                                        <label class="col-sm-3 control-label">应用对象</label>
                                                                        <div class="col-sm-8">
                                                                            <select class="form-control m-b" name="account">
                                                                                <option>sql数据库</option>
                                                                                <option>API</option>
                                                                                <option>文件</option>
                                                                                <option>应用</option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                            </div> 
                                                            <div class="form-group">
                                                                    <div class="col-sm-12">
                                                                        <label class="col-sm-3 control-label">拥有开关：</label>                                    
                                                                        <div class="col-sm-8">
                                                                            <input type="email" placeholder="开关模块" class="form-control"> 
                                                                            <span class="help-block m-b-none">请输入依赖开关模块，默认为空</span>
                                                                        </div>
                                                
                                                                        
                                                                    </div>
                                                            </div> 
                                                
                                                            <div class="form-group">
                                                                <div class="col-sm-12">
                                                                    <label class="col-sm-3 control-label">应用路径：</label>    
                                                                    <div class="col-sm-8">
                                                                        <input type="email" placeholder="路径" class="form-control"> 
                                                                        <span class="help-block m-b-none">请输入依赖应用或文件的路径</span>
                                                                    </div>
                                                                </div>
                                                            </div> 
                                    </div>
                                    <div class="col-sm-12">                                           
                                                            <div class="form-group">
                                                                <div class="row">
                                                                    <div class="col-sm-12">                                        
                                                                            <div class="col-sm-11"> 
                                                                                <div class="">
                                                                                    <a onclick="fnClickAddRow(5);" href="javascript:void(0);" class="btn btn-primary ">添加行</a>
                                                                                </div>
                                                                                <table class="table table-striped table-bordered table-hover " id="editable5">
                                                                                    <thead>
                                                                                        <tr>
                                                                                            <th>传递指令</th>
                                                                                            <th>运行指令</th>
                                                                                            <th>触发动作</th>
                                                                                        </tr>
                                                                                    </thead>
                                                                                    <tbody>
                                                                                        <tr class="gradeX">
                                                                                            <td>Trident</td>
                                                                                            <td>Internet</td>
                                                                                            <td>
                                                                                                <select class="form-control m-b" name="account">
                                                                                                    <option>播放</option>
                                                                                                    <option>暂停</option>
                                                                                                    <option>停止</option>
                                                                                                    <option>音量加</option>
                                                                                                    <option>音量减</option>
                                                                                                    <option>随机播放</option>
                                                                                                    <option>循环播放</option>
                                                                                                    <option>上一曲</option>
                                                                                                    <option>下一曲</option>
                                                                                                    <option>Disable</option>
                                                                                                    <option>删除</option>
                                                                                                </select>
                                                                                            </td>
                                                                                        </tr>
                                                                                        
                                                                                    </tbody>
                                                                                    
                                                                                </table>
                                                                            </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                    </div>
                                    <div class="col-sm-12 col-sm-offset-6">
                                        <button class="btn btn-primary" type="submit">保存</button>
                                        <button class="btn btn-white" type="submit">取消</button>
                                    </div>
                                </div>
                            </div>
                            <div id="tab-6" class="tab-pane">
                                <div class="panel-body">
                                    <div class="col-sm-12">
                                                        <div class="form-group">
                                                                    <div class="col-sm-12">
                                                                        <label class="col-sm-3 control-label">应用名称</label>
                                                                        <div class="col-sm-8">
                                                                            <select class="form-control m-b" name="account">
                                                                                <option>选项 1</option>
                                                                                <option>选项 2</option>
                                                                                <option>选项 3</option>
                                                                                <option>选项 4</option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                        </div>
                                                        <div class="form-group">
                                                                    <div class="col-sm-12">
                                                                        <label class="col-sm-3 control-label">模块类型</label>
                                                                        <div class="col-sm-8">
                                                                            <select class="form-control m-b" name="account">
                                                                                <option>变限读取</option>
                                                                                <option>只读</option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                        </div>                     
                                                        <div class="form-group">
                                                                <div class="col-sm-12">
                                                                    <label class="col-sm-3 control-label">应用对象</label>
                                                                    <div class="col-sm-8">
                                                                        <select class="form-control m-b" name="account">
                                                                            <option>sql数据库</option>
                                                                            <option>API</option>
                                                                            <option>文件</option>
                                                                            <option>应用</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                        </div> 
                                                        <div class="form-group">
                                                                <div class="col-sm-12">
                                                                    <label class="col-sm-3 control-label">拥有开关：</label>                                    
                                                                    <div class="col-sm-8">
                                                                        <input type="email" placeholder="开关模块" class="form-control"> 
                                                                        <span class="help-block m-b-none">请输入依赖开关模块，默认为空</span>
                                                                    </div>
                                            
                                                                    
                                                                </div>
                                                        </div> 
                                            
                                                        <div class="form-group">
                                                            <div class="col-sm-12">
                                                                <label class="col-sm-3 control-label">应用路径：</label>    
                                                                <div class="col-sm-8">
                                                                    <input type="email" placeholder="路径" class="form-control"> 
                                                                    <span class="help-block m-b-none">请输入依赖应用或文件的路径</span>
                                                                </div>
                                                            </div>
                                                        </div> 
                                    </div>
                                    <div class="col-sm-12">                                           
                                                            <div class="form-group">
                                                                <div class="row">
                                                                    <div class="col-sm-12">                                        
                                                                            <div class="col-sm-11"> 
                                                                                <div class="">
                                                                                    <a onclick="fnClickAddRow(6);" href="javascript:void(0);" class="btn btn-primary ">添加行</a>
                                                                                </div>
                                                                                <table class="table table-striped table-bordered table-hover " id="editable6">
                                                                                    <thead>
                                                                                        <tr>
                                                                                            <th>传递指令</th>
                                                                                            <th>运行指令</th>
                                                                                            <th>触发动作</th>
                                                                                        </tr>
                                                                                    </thead>
                                                                                    <tbody>
                                                                                        <tr class="gradeX">
                                                                                            <td>Trident</td>
                                                                                            <td>Internet</td>
                                                                                            <td>
                                                                                                <select class="form-control m-b" name="account">
                                                                                                    <option>读取</option>
                                                                                                    <option>增加</option>
                                                                                                    <option>减少</option>
                                                                                                    <option>Disable</option>
                                                                                                    <option>删除</option>
                                                                                                </select>
                                                                                            </td>
                                                                                        </tr>
                                                                                        
                                                                                    </tbody>
                                                                                    
                                                                                </table>
                                                                            </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                    </div>
                                    <div class="col-sm-12 col-sm-offset-6">
                                        <button class="btn btn-primary" type="submit">保存</button>
                                        <button class="btn btn-white" type="submit">取消</button>
                                    </div>
                                </div>
                            </div>
                            <div id="tab-7" class="tab-pane">
                                <div class="panel-body">
                                    <div class="col-sm-12">
                                                        <div class="form-group">
                                                                    <div class="col-sm-12">
                                                                        <label class="col-sm-3 control-label">应用名称</label>
                                                                        <div class="col-sm-8">
                                                                            <select class="form-control m-b" name="account">
                                                                                <option>选项 1</option>
                                                                                <option>选项 2</option>
                                                                                <option>选项 3</option>
                                                                                <option>选项 4</option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                    <a href="#" id="username" data-type="text" data-title="用户名">用户名</a>
                                                        </div>
                                                        <div class="form-group">
                                                                    <div class="col-sm-12">
                                                                        <label class="col-sm-3 control-label">模块类型</label>
                                                                        <div class="col-sm-8">
                                                                            <select class="form-control m-b" name="account">
                                                                                <option>定时器</option>
                                                                                <option>闹钟</option>
                                                                                <option>计时器</option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                        </div>                     
                                                        <div class="form-group">
                                                                <div class="col-sm-12">
                                                                    <label class="col-sm-3 control-label">应用对象</label>
                                                                    <div class="col-sm-8">
                                                                        <select class="form-control m-b" name="account">
                                                                            <option>sql数据库</option>
                                                                            <option>API</option>
                                                                            <option>文件</option>
                                                                            <option>应用</option>
                                                                        </select>
                                                                    </div>
                                                                </div>
                                                        </div> 
                                                        <div class="form-group">
                                                                <div class="col-sm-12">
                                                                    <label class="col-sm-3 control-label">拥有开关：</label>                                    
                                                                    <div class="col-sm-8">
                                                                        <input type="email" placeholder="开关模块" class="form-control"> 
                                                                        <span class="help-block m-b-none">请输入依赖开关模块，默认为空</span>
                                                                    </div>
                                            
                                                                    
                                                                </div>
                                                        </div> 
                                            
                                                        <div class="form-group">
                                                            <div class="col-sm-12">
                                                                <label class="col-sm-3 control-label">应用路径：</label>    
                                                                <div class="col-sm-8">
                                                                    <input type="email" placeholder="路径" class="form-control"> 
                                                                    <span class="help-block m-b-none">请输入依赖应用或文件的路径</span>
                                                                </div>
                                                            </div>
                                                        </div> 
                                    </div>
                                    <div class="col-sm-12">                                           
                                                            <div class="form-group">
                                                                <div class="row">
                                                                    <div class="col-sm-12">                                        
                                                                            <div class="col-sm-11"> 
                                                                                <div class="">
                                                                                    <a onclick="fnClickAddRow(7);" href="javascript:void(0);" class="btn btn-primary ">添加行</a>
                                                                                </div>
                                                                                <table class="table table-striped table-bordered table-hover " id="editable7">
                                                                                    <thead>
                                                                                        <tr>
                                                                                            <th>传递指令</th>
                                                                                            <th>运行指令</th>
                                                                                            <th>触发动作</th>
                                                                                        </tr>
                                                                                    </thead>
                                                                                    <tbody>
                                                                                        <tr class="gradeX">
                                                                                            <td> <a href="#" id="username1" data-type="text" data-title="用户名">用户名</a>
                                                                                            </td>
                                                                                            <td>Internet</td>
                                                                                            <td>
                                                                                                <select class="form-control m-b" name="account">
                                                                                                    <option>

                                                                                                    定时
                                                                                                    </option>
                                                                                                    <option>设置时间</option>
                                                                                                    <option>Disable</option>
                                                                                                    <option>删除</option>
                                                                                                </select>
                                                                                            </td>
                                                                                        </tr>
                                                                                        
                                                                                    </tbody>
                                                                                    
                                                                                </table>
                                                                            </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                    </div>
                                    <div class="col-sm-12 col-sm-offset-6">
                                        <button class="btn btn-primary" type="submit">保存</button>
                                        <button class="btn btn-white" type="submit">取消</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> 
                </div>                  
            </div>
        </div>
    </div>
   <!-- 全局js -->
    <script src="../js/jquery.min.js?v=2.1.4"></script>
    <script src="../js/bootstrap.min.js?v=3.3.6"></script>

    <!-- 自定义js -->
    <script src="../js/content.js?v=1.0.0"></script>
    <script src="../js/plugins/prettyfile/bootstrap-prettyfile.js"></script>
    <!-- 全局js -->
    <script src="../js/plugins/jeditable/jquery.jeditable.js"></script>

    <!-- Data Tables -->
    <script src="../js/plugins/dataTables/jquery.dataTables.js"></script>
    <script src="../js/plugins/dataTables/dataTables.bootstrap.js"></script>
    <script src="../js/plugins/bootstrap-editable/bootstrap-editable.js"></script>
    <!-- Peity -->
    <script src="../js/demo/bootstrap-table-demo.js"></script>

    <script src="../js/bootbox.min.js"></script>>

    

    <script>
        var list = document.getElementsByTagName('li');  
        var lable = document.getElementById("style_id");
        for(var i=0;i<list.length;i++){  
            list[i].index=i;  
            list[i].onclick=function () {  
                //alert(this.index+1);                  //加不加1随你了！  
                lable.innerHTML = this.index-1;
            }   
        } 

        $(document).ready(function () {
            $('.dataTables-example').dataTable();
    
             /* Init DataTables */
            
        
                
        });
        $(function () {
            $('#username').editable();
            $('#username1').editable();
        });
         

        function fnClickAddRow(num) {
            if(num == 1){
                $('#editable1').dataTable().fnAddData([
                "New row",
                "New row",
                "<select class='form-control m-b' name='account'><option>sql数据库</option><option>API</option><option>文件</option><option>选项 4</option></select>"
                ]);
            }
            else if(num == 2){
                $('#editable2').dataTable().fnAddData([
                "New row",
                "New row",
                "<select class='form-control m-b' name='account'><option>sql数据库</option><option>API</option><option>文件</option><option>选项 4</option></select>"
                ]);
            }
            else if(num == 3){
                $('#editable3').dataTable().fnAddData([
                "New row",
                "New row",
                "<select class='form-control m-b' name='account'><option>sql数据库</option><option>API</option><option>文件</option><option>选项 4</option></select>"
                ]);
            }
            else if(num == 4){
                $('#editable4').dataTable().fnAddData([
                "New row",
                "New row",
                "<select class='form-control m-b' name='account'><option>sql数据库</option><option>API</option><option>文件</option><option>选项 4</option></select>"
                ]);
            }
            else if(num == 5){
                $('#editable5').dataTable().fnAddData([
                "New row",
                "New row",
                "<select class='form-control m-b' name='account'><option>sql数据库</option><option>API</option><option>文件</option><option>选项 4</option></select>"
                ]);
            }
            else if(num == 6){
                $('#editable6').dataTable().fnAddData([
                "New row",
                "New row",
                "<select class='form-control m-b' name='account'><option>sql数据库</option><option>API</option><option>文件</option><option>选项 4</option></select>"
                ]);
            }
            else if(num == 7){
                var id = "username"+($('#editable7').find("tr").length);
                $('#editable7').dataTable().fnAddData([

                "<a href='#' id='" + id + "' data-type='text' data-title='用户名'>用户名</a>",
                "New row",
                "<select class='form-control m-b' name='account'><option>sql数据库</option><option>API</option><option>文件</option><option>选项 4</option></select>"
                ]);
                $(("#"+id)).editable();
                alert(id);
            }          

        }
    </script>


</body>

</html>
